<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="h-ui-font/iconfont.min.css" />
		<link rel="stylesheet" type="text/css" href="css/jquery-weui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/weui.min.css" />
		<script src="js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue(1).js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			body {
				width: 100%;
				margin: 0px auto;
				min-width: 320px;
				max-width: 640px;
			}
			
			.top {
				width: 100%;
				height: 50px;
				min-width: 320px;
				max-width: 640px;
				line-height: 50px;
				color: white;
				font-size: 18px;
				text-indent: 10px;
				position: fixed;
				background-color: #0F88EB;
			}
			
			.contents {
				width: 100%;
				padding-top: 50px;
				padding-bottom: 40px;
				overflow: auto;
				/*border: 1px solid red;*/
			}
			
			.weui-tabbar {
				min-width: 320px;
				max-width: 640px;
				height: 40px;
				position: fixed;
			}
			
			.weui-tabbar__icon {
				margin-top: -4px;
			}
			
			.active {
				color: rgba(0, 0, 255, 0.8) !important;
			}
			
			.message {
				width: 100%;
				height: 80px;
				overflow: hidden;
				display: inline-block;
				color: black;
				position: relative;
				border-top: 5px solid #e0e0e0;
			}
			
			.message div {
				float: left;
				position: absolute;
				top: 0px;
				bottom: 0px;
				left: 10px;
				right: 0px;
				margin: auto 0px;
			}
			
			.message div:first-child {
				width: 40px;
				height: 40px;
				overflow: hidden;
				border-radius: 20px;
			}
			
			.message div:first-child img {
				width: 100%;
				height: 100%;
			}
			
			.message div:last-child {
				height: 50px;
				left: 70px;
				color: #808080;
			}
			.message div:last-child p:nth-of-type(1){
				font-size: 14px;
				font-weight: bold;
			}
			.message div:last-child p:nth-of-type(2){
				font-size: 12px;
				
			}
			.message div:last-child p:last-child {
				font-size: 12px;
				color: #c0c0c0;
			}
			
			.items {
				width: 100%;
				border-top: 5px solid #e0e0e0;
			}
			
			.weui-cell {
				color: #808080;
			}
			
			.weui-cells {
				margin-top: 0px;
			}
			
			.weui-cell__bd {
				margin-left: 10px;
			}
		</style>
	</head>

	<body>
		<div class="top">更多</div>
		<div class="contents">
			<a href="javascript:;" v-on:click="mine()" class="message">
				<div><img src="img/3510104ee040833d1dc97e0d8c5bb26e.jpeg" /></div>
				<div>
					<p v-html="json1[2][0].nicheng"></p>
					<p v-html="json1[2][0].one"></p>
					<p>查看或编辑个人主页</p>
				</div>
			</a>
			<div class="items">
				<div class="weui-cells">
					<a href="javascript:;" v-on:click="guanzhu()" class="weui-cell">
						<div class="weui-cell__hd"><i class="Hui-iconfont Hui-iconfont-yiguanzhu"></i></div>
						<div class="weui-cell__bd">
							<p>我的关注</p>
						</div>
					</a>
					<a href="javascript:;" v-on:click="shoucang()" class="weui-cell">
						<div class="weui-cell__hd"><i class="Hui-iconfont Hui-iconfont-cang-selected"></i></div>
						<div class="weui-cell__bd">
							<p>我的收藏</p>
						</div>
					</a>
					<a href="javascript:;" v-on:click="zuijin()" class="weui-cell">
						<div class="weui-cell__hd"><i class="Hui-iconfont Hui-iconfont-shijian"></i></div>
						<div class="weui-cell__bd">
							<p>最近浏览</p>
						</div>
					</a>
				</div>
			</div>
		</div>
		<div class="weui-tabbar">
			<a href="index.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<i class="Hui-iconfont Hui-iconfont-canshu"></i>
				</div>
			</a>
			<a href="find.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<i class="Hui-iconfont Hui-iconfont-yanjing"></i>
				</div>
			</a>
			<a href="chart.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<i class="Hui-iconfont Hui-iconfont-xiaoxi1"></i>
				</div>
			</a>
			<a href="more.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<i class="Hui-iconfont Hui-iconfont-menu active"></i>
				</div>
			</a>
		</div>
		<script type="text/javascript">
			var ss = sessionStorage.getItem("token");
			var dd = sessionStorage.getItem("appid");
			var vue = new Vue({
				el: "body",
				data: {
					json1: [],
					username: sessionStorage.getItem("username")
				},
				methods: {
					start:function(){
						$.ajax({
							type: "get",
							url: "http://v2.mashupcloud.cn/SQL/sele_user/",
							data: {
								appid: dd,
								token: ss,
								name: 'sele_user',
								_v1: sessionStorage.getItem("userid")
								 
							},
							success: function(json) {
								console.log(json)
								vue.json1=JSON.parse(json);
							}
						});
					},
					shoucang: function() {
						if(sessionStorage.getItem("username")) {
							location.href = "collention.html";
						} else {
							location.href = "regist.login.html";
						}
					},
					guanzhu:function(){
						if(sessionStorage.getItem("username")) {
							location.href = "focus on.html";
						} else {
							location.href = "regist.login.html";
						}
					},
					zuijin:function(){
						if(sessionStorage.getItem("username")) {
							location.href = "history.html";
						} else {
							location.href = "regist.login.html";
						}
					},
					mine:function(){
						if(sessionStorage.getItem("username")) {
							location.href = "mine.html";
						} else {
							location.href = "regist.login.html";
						}
					}
				}
			});
			vue.start();
		</script>
	</body>

</html>